<template>
	<view class="news">
		<view class="news_item">
			<image src="https://img.alicdn.com/tfs/TB1xZWzo8HH8KJjy0FbXXcqlpXa-824-527.png"></image>
			<view class="right">
				<view class="tit">开发数据运营核能 提升电商引流转化</view>
				<view class="content">面对电商数据化时代，你是否“电力不足”？你需要一个以数据为原料、以业务为导向的核电站。</view>
			<view class="info">
				<text>发表于 2017-01-23 17:50</text>
			</view>
			</view>
		</view>
		<view class="news_item">
			<image src="https://img.alicdn.com/tfs/TB1RT.he4GYBuNjy0FnXXX5lpXa-130-90.png"></image>
			<view class="right">
				<view class="tit">全新3：4主图视频全面开放公测</view>
				<view class="content">手淘详情2018新版主图视频样式，3：4竖版结构化视频全面开放，立即登录旺铺详情查看操作教程！大屏展现主图视频，放大产品的优势，让消费者体验更佳，飙升成交转化率！</view>
				<view class="info">
					<text>发表于 2018-02-09 09:50</text>
				</view>
			</view>
		</view>
		<view class="news_item">
			<image src="https://img.alicdn.com/imgextra/i2/2433201716/TB2.NsBayMnBKNjSZFoXXbOSFXa_!!0-martrix_bbs.jpg"></image>
			<view class="right">
				<view class="tit">新手开店快速出单秘籍，一键答疑！</view>
				<view class="content">新手卖家，经常苦于没有流量，没有成交，给你快速提升流量的几个秘籍，快来围观！</view>
				<view class="info">
					<text>发表于  2018-12-14 09:23</text>
				</view>
			</view>
		</view><view class="news_item">
			<image src="https://img.alicdn.com/tfs/TB1xZWzo8HH8KJjy0FbXXcqlpXa-824-527.png"></image>
			<view class="right">
				<view class="tit">开发数据运营核能 提升电商引流转化</view>
				<view class="content">面对电商数据化时代，你是否“电力不足”？你需要一个以数据为原料、以业务为导向的核电站。</view>
				<view class="info">
					<text>发表于 2017-01-23 17:50</text>
				</view>
			</view>
		</view>
		<view class="news_item">
			<image src="https://img.alicdn.com/tfs/TB1RT.he4GYBuNjy0FnXXX5lpXa-130-90.png"></image>
			<view class="right">
				<view class="tit">全新3：4主图视频全面开放公测</view>
				<view class="content">手淘详情2018新版主图视频样式，3：4竖版结构化视频全面开放，立即登录旺铺详情查看操作教程！大屏展现主图视频，放大产品的优势，让消费者体验更佳，飙升成交转化率！</view>
				<view class="info">
					<text>发表于 2018-02-09 09:50</text>
				</view>
			</view>
		</view>
		<view class="news_item">
			<image src="https://img.alicdn.com/imgextra/i2/2433201716/TB2.NsBayMnBKNjSZFoXXbOSFXa_!!0-martrix_bbs.jpg"></image>
			<view class="right">
				<view class="tit">新手开店快速出单秘籍，一键答疑！</view>
				<view class="content">新手卖家，经常苦于没有流量，没有成交，给你快速提升流量的几个秘籍，快来围观！</view>
				<view class="info">
					<text>发表于  2018-12-14 09:23</text>
				</view>
			</view>
		</view><view class="news_item">
			<image src="https://img.alicdn.com/tfs/TB1xZWzo8HH8KJjy0FbXXcqlpXa-824-527.png"></image>
			<view class="right">
				<view class="tit">开发数据运营核能 提升电商引流转化</view>
				<view class="content">面对电商数据化时代，你是否“电力不足”？你需要一个以数据为原料、以业务为导向的核电站。</view>
				<view class="info">
					<text>发表于 2017-01-23 17:50</text>
				</view>
			</view>
		</view>
		<view class="news_item">
			<image src="https://img.alicdn.com/tfs/TB1RT.he4GYBuNjy0FnXXX5lpXa-130-90.png"></image>
			<view class="right">
				<view class="tit">全新3：4主图视频全面开放公测</view>
				<view class="content">手淘详情2018新版主图视频样式，3：4竖版结构化视频全面开放，立即登录旺铺详情查看操作教程！大屏展现主图视频，放大产品的优势，让消费者体验更佳，飙升成交转化率！</view>
				<view class="info">
					<text>发表于 2018-02-09 09:50</text>
				</view>
			</view>
		</view>
		<view class="news_item">
			<image src="https://img.alicdn.com/imgextra/i2/2433201716/TB2.NsBayMnBKNjSZFoXXbOSFXa_!!0-martrix_bbs.jpg"></image>
			<view class="right">
				<view class="tit">新手开店快速出单秘籍，一键答疑！</view>
				<view class="content">新手卖家，经常苦于没有流量，没有成交，给你快速提升流量的几个秘籍，快来围观！</view>
				<view class="info">
					<text>发表于  2018-12-14 09:23</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onPullDownRefresh() {
			console.log('refresh');
			setTimeout(function() {
				uni.stopPullDownRefresh();
			},1000);
		},
		methods: {

	},
}
</script>

<style lang="scss">
	.news {
		.news_item{
			display: flex;
			padding: 10rpx;
			border-bottom: 1px dashed #aaa;
			image {
				min-width: 260rpx;
				max-width: 260rpx;
				height: 220rpx;
			}
			.right {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				font-size: 24rpx;
				margin-left: 10rpx;
				.tit {
					font-size: 30rpx;
					color: #5f5f5f;
				}
				.content {
					color: #777777;
				}
				.info {
					color: #aaa;
				}
			}
		}
		.news_item:hover{
			background-color: #A9F5D0;
	}
}
</style>
